@keyframes tips {
    from {
        transform         : translateY(0);
        -webkit-transform : translateY(0);
    }
    to {
        transform         : translateY(50%);
        -webkit-transform : translateY(50%);
    }
}
@keyframes gst1 {
    from {
        opacity   : 0;
        transform : translateX(-100%);
    }
    to {
        opacity   : 1;
        transform : translateX(0);
    }
}
@keyframes gst2 {
    from {
        opacity   : 0;
        transform : translateX(100%);
    }
    to {
        opacity   : 1;
        transform : translateX(0);
    }
}
@keyframes vanishIn {
    0% {
        opacity          : 0;
        transform-origin : 50% 50%;
        transform        : scale(2, 2);
        -webkit-filter   : blur(10px);
    }
    100% {
        opacity          : 1;
        transform-origin : 50% 50%;
        transform        : scale(1, 1);
        -webkit-filter   : blur(0px);
    }
}
@keyframes spaceInDown {
    0% {
        opacity          : 0;
        transform-origin : 50% 100%;
        transform        : scale(.2) translate(0%, 200%);
    }
    100% {
        opacity          : 1;
        transform-origin : 50% 100%;
        transform        : scale(1) translate(0%, 0%);
    }
}
.entertextdh {
    transform-origin : center center;
    animation        : entertext 0.2s infinite alternate;
}
@keyframes entertext {
    from {
        transform : scale(1);
    }
    to {
        transform : scale(1.05);
    }
}
@keyframes enterhide {
    from {
        opacity   : 1;
        transform : scale(1);
    }
    to {
        opacity   : 0;
        transform : scale(2);
    }
}
.enterhide {
    transform-origin : center center;
    animation        : enterhide 0.5s forwards;
}
@keyframes p2item1 {
    from {
        opacity   : 0;
        transform : translateY(0.50rem);
    }
    to {
        opacity   : 1;
        transform : translateY(0rem);
    }
}
@keyframes imgsscalein {
    from {
        transform-origin : center center;
        opacity          : 0;
        transform        : scale(2);
    }
    to {
        transform-origin : center center;
        opacity          : 1;
        transform        : scale(1);
    }
}
@keyframes lns {
    from {
        opacity   : 0;
        transform : scale(1.1);
    }
    to {
        opacity   : 1;
        transform : scale(1);
    }
}
@keyframes slideFromRight {
    from {
        opacity   : 0;
        transform : translateX(0.50rem);
    }
    to {
        opacity   : 1;
        transform : translateX(0rem);
    }
}
@keyframes slideFromLeft {
    from {
        opacity   : 0;
        transform : translateX(-0.50rem);
    }
    to {
        opacity   : 1;
        transform : translateX(0rem);
    }
}
@keyframes click {
    from {
        opacity   : 1;
        transform : scale(1.2);
    }
    to {
        opacity   : 1;
        transform : scale(1);
    }
}
@keyframes words {
    from {
        transform : translateY(0);
    }
    to {
        transform : translateY(-50%);
    }
}